import React from 'react';
import { Flex,Avatar } from 'antd';
import { UserOutlined } from '@ant-design/icons';

const topHeader: React.FC = () => {
    return (
        <Flex justify={'space-between'}>
            <span>OneSoft</span>
            <div>
                <Avatar size={30} icon={<UserOutlined />}></Avatar>
                <span style={{paddingLeft:'10px'}}>Chaplink</span>
            </div>
        </Flex>
    );
};
export default topHeader;